<!DOCTYPE html>
<html>
<head>
    <title>慕课网-程序员的梦工厂</title>
    <link rel="stylesheet" type="text/css" href="resources/css/index.css">
</head>
<body>
    <div class="header">
        <div class="logo">
            <a href=""><img src="./resources/img/logo.png"/></a>
        </div>
        <ul class="navbar">
            <li>免费课</li>
            <li>实战课</li>
            <li>体验课</li>
            <li>慕课教程</li>
            <li>专栏</li>
            <li>手记</li>
        </ul>
        <div class="search-box">
            <div class="search-area">
                <input class="search-input" placeholder="请输入关键字..."/>
                <img src="./resources/img/search.png"/>
            </div>
        </div>

        <ul class="right-nav">
            <li class="fav">收藏本站</li>
            <li><img class="cartIcon" src="./resources/img/add-cart.png"/></li>
            <li>
                <a>登录</a>
                <em>|</em>
                <a>注册</a>
            </li>
        </ul>
    </div>

    <div class="banner bg000">
        <div class="pr">
            <div class="menu-content">
                <ul>
                    <li><span class="title">前端开发：</span><span class="sub-title">HTML5 / Vue.js / Node.js</span></li>
                    <li><span class="title">后端开发：</span><span class="sub-title">Java / Python / Go</span></li>
                    <li><span class="title">移动开发：</span><span class="sub-title">Flutter / Android / iO</span></li>
                    <li><span class="title">计算机基础：</span><span class="sub-title">算法 / 数学 / 数据库</span></li>
                    <li><span class="title">前沿技术：</span><span class="sub-title">AI / 大数据 / 数据分析</span></li>
                    <li><span class="title">测试运维：</span><span class="sub-title">自动化测试 / 容器</span></li>
                    <li><span class="title">更多方向：</span><span class="sub-title">产品设计 / UI设计 / 游戏</span></li>
                </ul>
            </div>
            <img src="./resources/img/61d2652300012a0c17920764.jpg"/>
        </div>
        <div class="class-show">
            <ul>
                <li>
                    <div class="show-box">
                        <img src="./resources/img/JAVA.jpg"/>
                        <div>
                            <h4>JAVA工程师</h4>
                            <p>综合就业率第一</p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="show-box">
                        <img src="./resources/img/H5.jpg"/>
                        <div>
                            <h4>前端工程师</h4>
                            <p>入门快、就业快、岗位多</p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="show-box">
                        <img src="./resources/img/PYTHON.jpg"/>
                        <div>
                            <h4>Python工程师</h4>
                            <p>应用领域最广泛</p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="show-box">
                        <img src="./resources/img/WEB.jpg"/>
                        <div>
                            <h4>Web前端架构师</h4>
                            <p>培养前端P7级架构师</p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="show-box">
                        <img src="./resources/img/JAVA2.jpg"/>
                        <div>
                            <h4>Java架构师P7</h4>
                            <p>千万级电商架构0-100</p>
                        </div>
                    </div>
                </li>
            </ul>
            <div class="line"></div>
            <div class="all-btn">
                <div class="mini-title">体系课</div>
                <div class="more-btn">more></div>
            </div>
        </div>
    </div>
    <div class="new-class bg000">
        <div class="new-title">
            <img src="./resources/img/line.png">
            <ul>
                <li>推荐</li>
                <li>前端开发</li>
                <li>后端开发</li>
                <li>移动开发</li>
            </ul>
            <p>全部 &gt;</p>
        </div>
        <div style="clear: both;"></div>
        <ul class="list">
            <li><a href="#">
                <img src="./resources/img/class1.png"/>
                <h4>C/C++气象数据中心实战，手把手教你做工业级项目</h4>
                <p><span>中级</span> · <span>131</span>人报名</p>
                <div class="price">
                    <span class="onsale">限时优惠</span>
                    <span class="left-time">1天06:41:21</span>
                    <span class="real-price">¥ 488.00</span>
                    <span class="fake-price">¥ 568.00</span>
                </div>
            </a></li>
            <li><a href="#">
                <img src="./resources/img/class2.png"/>
                <h4>SpringBoot 2.x 实战仿B站高性能后端项目</h4>
                <p><span>初级</span> · <span>49</span>人报名</p>
                <div class="price">
                    <span class="onsale">限时优惠</span>
                    <span class="real-price">¥ 258.00</span>
                    <span class="fake-price">¥ 299.00</span>
                </div>
            </a></li>
            <li><a href="#">
                <img src="./resources/img/class3.png"/>
                <h4>Shell 高阶开发实战，轻松应对集群化，分布式环境</h4>
                <p><span>中级</span> · <span>49</span>人报名</p>
                <div class="price">
                    <span class="onsale">限时优惠</span>
                    <span class="real-price">¥ 328.00</span>
                    <span class="fake-price">¥ 368.00</span>
                </div>
            </a></li>
            <li><a href="#">
                <img src="./resources/img/class4.png"/>
                <h4>SpringBoot+Vue3 项目实战，打造企业级在线办公系统</h4>
                <p><span>中级</span> · <span>744</span>人报名</p>
                <div class="price">
                    <span class="onsale">限时优惠</span>
                    <span class="real-price">¥ 399.00</span>
                </div>
            </a></li>
            <li><a href="#">
                <img src="./resources/img/class5.png"/>
                <h4>14小时吃透Spring5新特性,重点讲解WebFlux响应式编程</h4>
                <p><span>中级</span> · <span>54</span>人报名</p>
                <div class="price">
                    <span class="onsale">限时优惠</span>
                    <span class="real-price">¥ 248.00</span>
                    <span class="fake-price">¥ 288.00</span>
                </div>
            </a></li>
            <li><a href="#">
                <img src="./resources/img/class6.png"/>
                <h4>晋级TypeScript高手，成为抢手的前端开发人才目</h4>
                <p><span>高级</span> · <span>548</span>人报名</p>
                <div class="price">
                    <span class="real-price">¥ 399.00</span>
                </div>
            </a></li>
            <li><a href="#">
                <img src="./resources/img/class7.png"/>
                <h4>Vue3 从入门到实战 进阶式掌握完整知识体系</h4>
                <p><span>中级</span> · <span>1953</span>人报名</p>
                <div class="price">
                    <span class="real-price">¥ 348.00</span>
                </div>
            </a></li>
            <li><a href="#">
                <img src="./resources/img/class8.png"/>
                <h4>Flutter高级进阶实战 仿哔哩哔哩APP 一次性深度掌握Flutter高阶技能</h4>
                <p><span>高级</span> · <span>973</span>人报名</p>
                <div class="price">
                    <span class="real-price">¥ 368.00</span>
                </div>
            </a></li>
        </ul>
    </div>
</body>
</html>